<!DOCTYPE html>
<html>
  <head>
    <title>Configuration - Layer System for Chrome Extensions</title>
    <script type="text/javascript" src="/scripts/configuration.js"></script>
    <link rel="stylesheet" type="text/css" href="/styles/configuration.css">
  </head>
  <body class="console" onload="init();" onunload="destroy();">
    <div class="title">Layer Configuration</div>

    <div id="data" class="body" style="display: none">
      <div class="table-head row">
        <div class="row-element add-remove">
          <button id="add" type="button">Add</button>
        </div>
        <div class="row-element reset">
          <button id="reset-all" type="button" title="Reset all">Reset</button>
        </div>
        <div class="row-element state">
          On/Off
        </div>
        <div class="row-element ondemand">
          On Demand
        </div>
        <div class="row-element status">
          Status
        </div>
        <div class="row-element name_short">
          Name/Id
        </div>
      </div>

      <div class="body-data" id="body-data">
      </div>
    </div>

    <div id="msg" class="body">
      <div style="height: 45%"></div>
      <div id="msg-text" style="text-align: center; overflow: hidden">
      </div>
      <button id="close" type="button">Close Message</button>
    </div>

    <div class="footer">
      <button id="clear" type="button">Clear</button>
    </div>
  </body>
</html>

